<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>12380查询</title>
    <meta name="keywords" content="12380查询" />
    <meta name="description" content="12380查询" />
    <link href="/static/css/party/style.css" rel="stylesheet" type="text/css">
    <link href="/static/js/party/myfocus/js/mf-pattern/mF_classicHC.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="/static/webjars/layui/css/layui.css"  media="all">
    <script type="application/javascript" src="/static/webjars/layui/layui.js"></script>
    <script type="application/javascript" src="/static/js/jquery.min.js"></script>
    <link rel="stylesheet" href="/static/css/party/foot.css"/>

    <link href="/static/css/party/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/common.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/common2018.css.css" rel="stylesheet" type="text/css">
    <link href="/static/css/party/iconfont.css" rel="stylesheet" type="text/css">

    <link href="/static/css/party/font-awesome.min.css" rel="stylesheet" type="text/css">
    <script type="application/javascript" src="/static/js/party/template-web.js"></script>
    <script type="application/javascript" src="/static/js/party/template-web-extends.js"></script>
    <script type="application/javascript" src="/static/js/party/boorstap.min.js"></script>
    <script type="application/javascript" src="/static/js/party/common.js"></script>
    <style>
        body{
            background-color: #DEEAEA;
        }

        #code {
          font-family: Arial;
          font-style: italic;
          font-weight: bold;
          border: 0;
          letter-spacing: 2px;
          color: blue;
          height: 34px;
          margin-left: -13px;
      }




    </style>
</head>

<script>
    $(function () {
        $("#reset").click(function () {
            $("input[type='text']").val("");
        });
        $("#ok").click(function () {
            var $searchCode = $.trim($("#searchCode").val());
            var $validateCode = $.trim($("#validateCode").val()).toUpperCase();
            var $code = $("#code");
            if ($validateCode != $code.val()) {
                layer.msg("验证码输入不正确！");
                $code.click();
            } else {
                Api.ajax({
                    url: "Report/GetReportDetailByCode",
                    type: "post",
                    data: { Params: { reportCode: $searchCode }, pageIndex: 1, pageSize: 1 },
                    dataType: "json",
                    dyejuri:false,
                    success: function (result) {
                        if (result.Data) {

                            var obj = result.Data[0];
                            if (!obj.utFBDate) {
                                layer.msg("尚未回复，请耐心等待。");
                            }
                            if (obj.rType == "person") {
                                if (obj.uUnit && obj.uFBDate)
                                    var html = '<h3 class="panel-title">回复日期：' + obj.uFBDate.substring(0, (obj.uFBDate.length - 9)) +'</h3>';
                                $('.panel-heading').html(html);
                                $("#contentP").html(obj.uFeedBack ? obj.uFeedBack : "未回复");
                                $('.panel-danger').css("display", "block");
                                $("#search").css("display", "none");
                            } else {
                                var html = '<h3 class="panel-title">回复日期：' + obj.utFBDate.substring(0, (obj.utFBDate.length - 9)) + '</h3>';
                                $('.panel-heading').html(html);
                                $("#contentP").html(obj.utFeedBack ? obj.utFeedBack : "未回复");
                                $('.panel-danger').css("display", "block");
                                $("#search").css("display", "none");
                            }
                        } else {
                            layer.msg("未查询到匹配数据！");
                        }

                    }
                });
            }

        });
        $("#code").click(function () {
            var code = "";
            var codeLength = 4;//验证码的长度
            var random = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z');//随机数
            for (var i = 0; i < codeLength; i++) {
                //循环操作
                var index = Math.floor(Math.random() * 36);//取得随机数的索引（0~35）

                code += random[index];//根据索引取得随机数加到code上
            }
            $(this).val(code);
        }).click();
        $("#close").click(function () {
            window.location.reload();
        });
    });
</script>


<body>
<div class="padlogo w1200 mt50">
    <div class="danghui fl ml25"><img src="/static/images/party/img/danghui.gif"/></div>
    <div class="logo fl ml20 mt8"><img src="/static/images/party/img/logo.png"/></div>
    <div class="slogo fr"><embed src="/static/images/party/img/donghua.swf" width="600" height="150" wmode="transparent" /></div>
    <div class="clear"></div>
</div>

<div class="w1000 mt60" >
    <ul class="nav" style="text-align: center" id="dingbu">
        <li class="bg2">&nbsp;</li>
        <li class="bg2" style="width: 143px;" party-src="/party/home/index"><a href="javascript:;">首页</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/news"><a href="javascript:;">新闻资讯</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/education"><a href="javascript:;">教育培训</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/service"><a href="javascript:;">服务大厅</a></li>
        <li class="bg2" style="width: 143px" party-src="/party/home/map"><a href="javascript:;">党建地图</a></li>
        <li class="bg2" style="width: 143px"><a href="/views/party/fore/index.jsp" target="_blank">后台管理</a></li>

        <%--<li class="bg2"><a href='/views/party/fore/index1.jsp' target='_blank'>后台管理</a></li>--%>
    </ul>

</div>
<div class='nav_bg w1000 mt30'><img src='/static/images/party/img/nav_bg.png' class='tcenter'/></div>

<div class="clearfix"></div>

<div class="container" style="height: 678px;">

    <div class="row">
        <div class="col-sm-12"> <img src="/static/images/party/img/banner04.png" /></div>
    </div>
    <div class="row">
        <div class="col-sm-6"><h4 class="service-red-border"><img src="/static/images/party/img/12380-icon04.png" />结果查询</h4></div>
        <div class="col-sm-6 text-right" style=" margin-top:30px; padding-right: 20px;"><small></small></div>

</div>
<div class="row" style="background-color: #F5F5F5; padding: -10px 10px 10px 10px;" id="search">
    <div class="col-sm-12" style="background-color: #DEEAEA; order-right: 10px solid #f5f5f5;">
        <div class="form-group">
            <h5 style="color: #F64C4C;line-height: 80px;font-size: 16px; text-align: center;">请输入您的查询码</h5>
            <div class="col-sm-4 text-right" style="line-height: 35px;"><label for="name">查询码：</label> </div>
            <div class="col-sm-5 " style="margin-bottom: 20px;">
                <input type="text" class="form-control form-control-bg" id="searchCode" placeholder="必填项" required=required />
            </div>
            <div class="col-sm-3 "></div>

            <div class="clearfix"></div>
            <div class="col-sm-4 text-right" style="line-height: 35px;"><label for="name">验证码：</label> </div>
            <div class="col-sm-5 " style="margin-bottom: 20px;">
                <input type="text" class="form-control form-control-bg" id="validateCode" placeholder="必填项" required=required />
            </div>
            <div class="col-sm-3 text-left"><input type="button" id="code" /></div>
        </div>
        <div class="col-sm-12 text-center" style=";background-color: #DEEAEA;padding: 30px;">
            <button type="button" class="btn btn-danger btn-default" style="margin-right: 20px;" id="ok"> 提 交 </button>
            <button type="button" class="btn btn-danger btn-default" id="reset"> 重 置 </button>
        </div>
    </div>
</div>
<div class="panel panel-danger" style="display:none">
    <div class="panel-heading">

    </div>
    <div class="panel-body panel-body-text">
        <p id="contentP">
        </p>
        <button type="button" class="btn btn-danger btn-default" id="close"> 关闭 </button>

    </div>
</div>
</div>

<div id="ft" class="clearfix">
    <div class="ft-center">
        <span>智慧兴文公共信息平台:&nbsp;</span>
        <a>All Rights Reserved.&nbsp;&nbsp;</a>
        <span>版权所有:&nbsp;</span>
        <a href="http://www.ituohui.com/" target="_blank">四川省数聚汇智科技有限公司</a>
    </div>
</div>

</body>
</html>
<script type="application/javascript">
    $("li[party-src]").click(function(){
        var that = $(this);
        var src = that.attr("party-src");
        window.location.href = src;
    });
</script>

<script>
    $(function () {
        $("#s1").click(function () {
            var flag = $('input[type="checkbox"]').prop('checked');
            if (flag)
                alert("OK");
            else
                layer.msg("未勾选相关协议！");
        });
        $("#s2").click(function () {
            var flag = $('input[type="checkbox"]').prop('checked');
            if (flag)
                alert("OK");
            else
                layer.msg("未勾选相关协议！");
        });
    });
</script>

<script type="application/javascript">
    $(function () {
        var allHeught = document.body.scrollHeight;
        APP.resize(allHeught);
    })
</script>